body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
.el-checkbox__label {
  color: #FFF;
}
.mavon-editor-box * {
  color: #fff !important;
}
.router-link-active {
  color: #fff;
}
.el-message-box__message p {
  color: #333;
}
body,
html {
  background: #1A1E2C;
}
body .header-box,
html .header-box {
  background-color: #141722;
}
.el-menu-item:hover {
  background: #141722;
}
#app .layout {
  background: #1A1E2C;
}
#app .markdown-box,
#app .slot,
#app .detail-layout,
#app .el-dialog,
#app .el-drawer,
#app .table-layout,
#app .menu-box,
#app .has-vers-lis li,
#app .has-vers-lis .ver-table,
#app .el-tree,
#app .el-tree-node__content:hover,
#app .el-upload-list__item:hover,
#app .is-focusable.el-tree-node.is-expanded.is-current,
#app .is-focusable:active,
#app .is-focusable:visited,
#app .el-input-group__append,
#app .el-input-group__prepend,
#app .el-tree-node:focus > .el-tree-node__content,
#app .el-pagination.is-background .btn-next,
#app .el-pagination.is-background .btn-prev,
#app .el-pagination.is-background .el-pager li {
  background: #202432 !important;
}
#app .pagination-box .el-input__inner {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
#app .pagination-box .el-pager li {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
#app .pagination-box .el-pager .active {
  background: #177DDC !important;
  border: 1px solid #177DDC;
}
#app .alike-lis li .alike-lis-box {
  background: #0D0E15;
}
#app .alike-lis li .alike-lis-box:hover {
  background: #353B69;
}
#app .alike-lis .alike-lis-title {
  color: #CED6E3;
}
#app .alike-lis .alike-lis-hint {
  color: #A4ADCD;
}
#app .alike-lis .alike-lis-user {
  color: #A4ADCD;
}
#app .mavon-look-box .v-show-content.scroll-style.scroll-style-border-radius {
  background: #171C2B !important;
}
#app .markdown-box pre {
  background: #000 !important;
}
#app .markdown-box pre .hljs {
  background: #000;
}
#app .markdown-box table,
#app .markdown-box tr,
#app .markdown-box th,
#app .markdown-box td {
  background: transparent !important;
}
#app .el-pagination.is-background .btn-next.disabled,
#app .el-pagination.is-background .btn-next:disabled,
#app .el-pagination.is-background .btn-prev.disabled,
#app .el-pagination.is-background .btn-prev:disabled,
#app .el-pagination.is-background .el-pager li.disabled,
#app .el-step__title.is-process {
  color: #606266;
}
#app .tabs-box .el-tabs__nav-wrap {
  background-color: transparent;
}
#app .tabs-box .el-tabs__nav-wrap .el-tabs__header {
  border: 0;
}
#app .tabs-box .el-tabs__nav-wrap::after {
  height: 0;
}
#app .tabs-box .el-tabs__nav-wrap .el-tabs__nav-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#app .tabs-box .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__item {
  text-align: center;
  line-height: 3.375rem;
}
#app .tabs-box .el-tabs__nav-wrap .el-tabs__nav-scroll .is-active {
  color: #d3ff00;
  border: 0 !important;
  height: 5px;
  background-color: #d3ff00;
  top: 0;
}
#app .tabs-box .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__active-bar {
  height: 5px;
  background-color: #d3ff00;
  top: 0;
}
#app .tabs-box .el-tabs__item {
  color: #F1F1F1;
}
#app .tabs-box .el-tabs__item.is-active {
  color: #409EFF;
}
#app .tabs-left {
  padding: 0 20px;
}
#app .tabs-left .el-tabs__nav-wrap::after {
  width: 100%;
  height: 1px;
  background-color: #4E5776 !important;
}
#app .tabs-left .el-tabs__item {
  text-align: center;
  color: #A4ADCD;
  font-size: 14px;
  margin: 0;
  padding: 0 20px;
}
#app .tabs-left .el-tabs__item.is-active {
  color: #019AFF;
}
#app .none-type,
#app .el-input__inner,
#app .el-textarea__inner,
#app .drop-box,
#app .el-steps--simple {
  background: #333B54;
  border-color: #4A567E;
  color: #B8C2E5 !important;
}
#app .el-input,
#app .el-textarea,
#app .el-cascader__dropdown,
#app .el-select-dropdown {
  overflow: hidden;
}
#app .el-input-number .el-input-number__decrease,
#app .el-input-number .el-input-number__increase {
  background: #202432;
  border-color: #4A567E;
}
#app .el-input-number .input__inner {
  border: 0;
}
#app .el-radio-button__inner {
  background: #333B54;
  color: #B8C2E5;
  border: 0;
  box-shadow: 0 0 0 transparent;
}
#app .el-radio-button__inner:hover {
  color: #FFF;
}
#app .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: #4A567E;
  color: #FFF;
  border: 0;
  box-shadow: 0 0 0 transparent;
}
#app .has-vers-lis .lis-header .lis-header-name span,
#app .handle-btn-hollow,
#app .code-layout .state-title,
#app .info-title,
#app .outin-handle a,
#app .el-form-item__label,
#app .el-dialog__title,
#app .info-item-name {
  color: #F1F1F1;
}
#app .has-vers-lis .lis-header {
  background: transparent;
}
#app .code-layout.content-detail,
#app .node-module,
#app .el-table--enable-row-hover .el-table__body tr:hover > td,
#app .has-vers-lis .lis-header {
  background: #202432 !important;
}
#app .podUrl-box .info-item {
  background: transparent;
}
#app .home-monitoring li {
  background: #202432;
}
#app .home-monitoring li .name {
  color: #F1F1F1;
}
#app .mavon-editor-box .v-note-op,
#app .mavon-editor-box .dropdown-item,
#app .mavon-editor-box .v-note-edit,
#app .mavon-editor-box .content-input-wrapper,
#app .mavon-editor-box .auto-textarea-input,
#app .mavon-editor-box .v-show-content,
#app .mavon-editor-box .v-note-panel {
  background: #171C2B !important;
  color: #fff !important;
}
#app .table-data {
  background: #202432;
}
#app .el-menu {
  background: transparent;
}
#app .el-menu .menu-icon::before {
  background: #a4adcd;
}
#app .el-menu .is-active {
  background: transparent;
}
#app .el-menu .is-active .menu-icon::before {
  background: #d3ff00;
}
#app .el-menu--vertical {
  background: #212635 !important;
}
#app .el-menu-item-group {
  background: #212635 !important;
}
#app .menu {
  background: #2c3246;
}
#app .menu .el-menu-item-group {
  background: #212635 !important;
}
#app .menu .el-menu-item-group * {
  background: #212635;
}
#app .menu .el-menu-item-group .menu-icon::before {
  background: #d3ff00;
}
#app .menu li {
  color: #FFF;
}
#app .el-menu {
  z-index: 9999;
}
#app .el-menu .el-menu-item * {
  color: #8492C2 !important;
}
#app .el-menu .is-active {
  background: #212637;
}
#app .el-menu .is-active * {
  color: #019AFF !important;
}
#app .page-title,
#app .el-radio {
  color: #FFF;
}
#app .content::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}
#app .network-in,
#app .network-out {
  background: rgba(255, 255, 255, 0.3);
}
#app .network-in span,
#app .network-out span {
  color: #F1F1F1;
}
#app .has-color.el-table th {
  background: rgba(255, 255, 255, 0);
}
#app .has-color.el-table td {
  background: rgba(255, 255, 255, 0.2);
}
#app .has-color.el-table .has-color-header {
  background: #e0e6ee;
}
#app .has-color.el-table .has-color-header .cell {
  color: #3383b6;
}
#app .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner {
  color: #FFF;
}
.logo .img {
  background: url(~@/assets/img/logo.png) no-repeat !important;
  background-size: 100% !important;
}
:deep(.el-radio-group) .el-radio-button__inner {
  background: #333B54 !important;
  border-color: #4A567E !important;
  color: #B8C2E5 !important;
}
:deep(.el-radio-group) .is-active .el-radio-button__inner {
  background: #8492c2 !important;
}
.markdown-box * .v-note-panel {
  color: #fff !important;
}
.large-icon li .name {
  color: #FFF;
}
.search-box .el-button {
  border: 0;
  color: #fff;
  background: #808080;
}
body .el-popover {
  color: #fff;
  background: #0D0E15;
  border: 1px solid #2A2E46;
}
body .el-popover .breviary-title {
  color: #8492C2;
}
body .el-popover .breviary-detail {
  color: #fff;
}
body .el-popper[x-placement^=right] .popper__arrow::after {
  border-right-color: #0D0E15;
}
body .el-cascader-menu,
body .el-select-dropdown {
  background: #202432;
}
body .el-cascader-node:not(.is-disabled):focus,
body .el-cascader-node:not(.is-disabled):hover,
body .el-select-dropdown__item.hover,
body .el-select-dropdown__item:hover {
  background: rgba(0, 119, 255, 0.06);
}
body .add-alike-title {
  border-bottom: 1px solid #4A567E;
}
body .el-popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #0D0E15;
}
body .el-popper[x-placement^=left] .popper__arrow::after {
  border-left-color: #0D0E15;
}
body .el-popper[x-placement^=top] .popper__arrow::after {
  border-top-color: #0D0E15;
}
body .branch .is-active {
  background: rgba(0, 0, 0, 0) !important;
}
body .el-submenu.is-active .el-submenu__title {
  border-bottom-color: rgba(0, 0, 0, 0);
}
body .branch .is-active {
  background: rgba(0, 0, 0, 0);
}
body .el-dropdown-menu {
  background: #333;
}
body .el-dropdown-menu .el-dropdown-menu__item:hover * {
  color: #333;
}
.el-select-dropdown {
  background: #2C3246 !important;
  border: 1px solid #3E476C !important;
}
.el-scrollbar {
  background: #2C3246 !important;
  border: 1px solid #3E476C !important;
}
.el-scrollbar .el-select-dropdown__wrap {
  margin-right: -20px !important;
  margin-bottom: -20px !important;
}
.el-scrollbar .el-select-dropdown__item {
  color: #A4ADCD !important;
  border-bottom: 1px solid rgba(62, 71, 108, 0.7) !important;
}
.el-scrollbar .el-select-dropdown__item:last-child {
  border: 0;
}
.el-scrollbar .el-select-dropdown__item:hover {
  background: #54618B;
}
.el-scrollbar .el-select-dropdown__item:hover span {
  color: #A4ADCD !important;
}
.code-layout .info-item li {
  border-bottom: 1px solid rgba(238, 238, 238, 0.1) !important;
}
.code-layout .list-box {
  border-right: 1px solid rgba(238, 238, 238, 0.2) !important;
}
.code-layout .list-box .metrice-list-box {
  margin-top: 20px;
}
.code-layout .list-box .metrice-list-box .title {
  border-bottom: 1px solid rgba(238, 238, 238, 0.2) !important;
}
.drawer-box {
  background: #202432;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);
}
.drawer-box .infinite-list {
  background: #202432 !important;
  padding: 10px 20px;
}
.drawer-box .infinite-list .infinite-item {
  border: 1px solid #333;
  border-radius: 5px;
  overflow: hidden;
  margin: 10px 0;
  height: 90px;
  display: flex;
  position: relative;
}
.drawer-box .infinite-list .infinite-item .infinite-item-left {
  width: 30px;
}
.drawer-box .infinite-list .infinite-item .tag {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.drawer-box .infinite-list .infinite-item .infinite-item-center {
  width: 55%;
}
.drawer-box .infinite-list .infinite-item .infinite-item-right {
  width: 45%;
}
.drawer-box .infinite-list .infinite-item.is-active {
  background: #5A658E;
}
.drawer-box .infinite-list .infinite-item.is-active .title {
  color: #fff !important;
}
.drawer-box .infinite-list .infinite-item.is-active .desc {
  color: #eee !important;
}
.drawer-box .infinite-list .title {
  color: #dce0ee !important;
}
.drawer-box .infinite-list .desc {
  color: #a4adcd !important;
  width: 100%;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}
.drawer-box .infinite-list .tag {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.drawer-box .infinite-list .tag * {
  margin-right: 5px;
}
.drawer-box .infinite-list .tag *:last-child {
  margin: 0;
}
.drawer-box-table {
  background: #202432;
}
.header-box {
  background: #202432;
}
.header-box .user .text {
  color: #fff;
}
.header-box .user-box .avatar {
  background: url(~@/assets/img/user-avatar-dark.svg) no-repeat;
  background-size: 100%;
}
.avatar {
  background: url(~@/assets/img/user-avatar-dark.svg) no-repeat;
  background-size: 100%;
}
.el-table td,
.el-table th {
  border-bottom: 1px solid rgba(154, 175, 249, 0.19) !important;
}
.el-table th {
  background: #202432 !important;
}
.el-table th .cell {
  color: #707BA3;
}
.el-table__empty-block,
.el-table tr {
  background: #1A1E2C !important;
}
.el-table::before {
  background: transparent;
}
.dag-box .dag-nav-item,
.dag-box .task-name {
  color: #fff;
}
.dag-box .dag-nav,
.dag-box .panel-left,
.dag-box .panel-right .right-content {
  background: #282D40;
}
.dag-box .wrap .panel-left {
  background: #282D40;
}
.dag-box .wrap .panel-left * {
  color: #fff;
}
.dag-box .x6-graph-box,
.dag-box .panel-center {
  background: #1A1E2C;
}
.dag-box .x6-graph-box .x6-cell.x6-node rect {
  fill: #468ff4 !important;
  stroke: #468ff4 !important;
}
.dag-box .x6-graph-box .x6-cell.x6-node text {
  fill: #fff !important;
}
.dag-box .tool-bar {
  background: #1A1E2C !important;
}
.dag-box .panel-right .right-content .widget-title,
.dag-box .panel-right .right-content .el-checkbox__label {
  color: #fff !important;
}
.dag-box .panel-right .right-content .el-tab-pane .items .widget .widget-title {
  line-height: 2em;
}
.dag-box .panel-right .right-content .el-tab-pane .items .widget .el-input__inner,
.dag-box .panel-right .right-content .el-tab-pane .items .widget .el-textarea__inner {
  background: #15181D !important;
  border: 1px solid #4A567E !important;
}
.dag-box .panel-right .right-content .el-tab-pane .items .widget .el-input__inner {
  height: 30px;
}
.dag-box .panel-right .right-content .el-tabs__content .el-form-item__label {
  color: #fff !important;
  line-height: 2em !important;
}
.dag-box .panel-right .right-content .el-tabs__content .el-input__inner,
.dag-box .panel-right .right-content .el-tabs__content .el-textarea__inner {
  background: #15181D !important;
  border: 1px solid #4A567E !important;
}
.dag-box .panel-right .right-content .el-button {
  padding: 10px;
  background: #8492C2;
  font-size: 14px !important;
  border-radius: 4px;
  color: #fff;
  border: 0;
}
.dag-box .dag-nav {
  border-top: solid 1px #808080;
  border-right: solid 1px #808080;
}
.dag-box .icon-list .el-button::before,
.dag-box .icon-list .el-button i::before {
  color: #fff;
}
 /deep/ .dialog-val .el-input-group__append {
  background: #8492C2 !important;
  color: #fff !important;
}
.file-upload-box .uploader-file-progress {
  background: transparent;
}
.file-upload-box .uploader-file {
  border: 0;
}
.menu-icon1 {
  content: url(~@/assets/img/icon/menu-icon1-dark.svg);
}
.menu-icon2 {
  content: url(~@/assets/img/icon/menu-icon2-dark.svg);
}
.menu-icon3 {
  content: url(~@/assets/img/icon/menu-icon3-dark.svg);
}
.menu-icon4 {
  content: url(~@/assets/img/icon/menu-icon4-dark.svg);
}
.menu-icon5 {
  content: url(~@/assets/img/icon/menu-icon5-dark.svg);
}
.menu-icon6 {
  content: url(~@/assets/img/icon/menu-icon6-dark.svg);
}
.menu-icon7 {
  content: url(~@/assets/img/icon/menu-icon7-dark.svg);
}
.menu-icon8 {
  content: url(~@/assets/img/icon/menu-icon8-dark.svg);
}
.menu-icon9 {
  content: url(~@/assets/img/icon/menu-icon9.svg);
}
.menu-icon10 {
  content: url(~@/assets/img/icon/menu-icon10.svg);
}
.menu-icon11 {
  content: url(~@/assets/img/icon/menu-icon11-dark.svg);
}
.menu-icon11-1 {
  content: url(~@/assets/img/icon/menu-icon11-1-dark.svg);
}
.menu-icon11-2 {
  content: url(~@/assets/img/icon/menu-icon11-2-dark.svg);
}
.menu-icon11-3 {
  content: url(~@/assets/img/icon/menu-icon11-3-dark.svg);
}
.menu-icon11-4 {
  content: url(~@/assets/img/icon/menu-icon11-4-dark.svg);
}
.menu-icon11-5 {
  content: url(~@/assets/img/icon/menu-icon11-5-dark.svg);
}
.menu-icon12 {
  content: url(~@/assets/img/icon/menu-icon12-dark.svg);
}
.menu-icon13 {
  content: url(~@/assets/img/icon/menu-icon13-dark.svg);
}
.menu-icon14 {
  content: url(~@/assets/img/icon/menu-icon14-dark.svg);
}
.menu-icon15 {
  content: url(~@/assets/img/icon/menu-icon15-dark.svg);
}
.menu-icon16 {
  content: url(~@/assets/img/icon/menu-icon16-dark.svg);
}
.menu-icon17 {
  content: url(~@/assets/img/icon/menu-icon17-dark.svg);
}
.menu-icon18 {
  content: url(~@/assets/img/icon/menu-icon18-dark.svg);
}
.is-active .menu-icon1 {
  content: url(~@/assets/img/icon/menu-icon1-dark-active.svg);
}
.is-active .menu-icon2 {
  content: url(~@/assets/img/icon/menu-icon2-dark-active.svg);
}
.is-active .menu-icon3 {
  content: url(~@/assets/img/icon/menu-icon3-dark-active.svg);
}
.is-active .menu-icon4 {
  content: url(~@/assets/img/icon/menu-icon4-dark-active.svg);
}
.is-active .menu-icon5 {
  content: url(~@/assets/img/icon/menu-icon5-dark-active.svg);
}
.is-active .menu-icon6 {
  content: url(~@/assets/img/icon/menu-icon6-dark-active.svg);
}
.is-active .menu-icon8 {
  content: url(~@/assets/img/icon/menu-icon8-dark-active.svg);
}
.is-active .menu-icon11 {
  content: url(~@/assets/img/icon/menu-icon11-dark-active.svg);
}
.is-active .menu-icon12 {
  content: url(~@/assets/img/icon/menu-icon12-dark-active.svg);
}
.is-active .menu-icon13 {
  content: url(~@/assets/img/icon/menu-icon13-dark-active.svg);
}
.is-active .menu-icon16 {
  content: url(~@/assets/img/icon/menu-icon16-dark-active.svg);
}
.is-active .menu-icon17 {
  content: url(~@/assets/img/icon/menu-icon17-dark-active.svg);
}
.is-active .menu-icon18 {
  content: url(~@/assets/img/icon/menu-icon18-dark-active.svg);
}
.el-tabs__nav-wrap .el-tabs__item {
  font-size: 16px;
  color: #a4adcd;
}
.el-tabs__nav-wrap .el-tabs__nav-scroll {
  padding: 0 15px;
}
.el-tabs__nav-wrap:after {
  height: 1px !important;
  background: #4e5776 !important;
}
.el-message-box__message p {
  color: black;
}
.working-area {
  background: #0D0E15 !important;
}
.working-area .lis-word {
  color: #fff !important;
}
.dataset .add_box_btn {
  float: right;
  border: 1px solid #64b121;
  background: rgba(100, 177, 33, 0.46);
  color: #fff;
}
.dataset .add_box_btn:hover,
.dataset .add_box_btn:active,
.dataset .add_box_btn:focus {
  border: 1px solid #64b121;
  background: rgba(100, 177, 33, 0.46);
  color: #fff;
}
.el-table::before {
  height: 0 !important;
}
.version-list .version-item:hover {
  background: #1A1E2C !important;
}
